/*
    Document   : accueil
    Created on : 10 déc. 2011, 10:41:18
    Author     : Mamoune
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* */

body{
   background-color: #FFFFEE;
   width: 1000px;
   margin: auto;
}

#haut
{
    /* Taille exacte de la bannière */
    height: 100px;
    width: 880px;
    border : 1px solid transparent;
    padding : 0;
    font : bold 11px Batang, arial, serif;
    margin : auto;
}

#menus
{
    padding-bottom : 25px;
    font : bold 11px Batang, arial, serif;
}

#searchbar
{
    margin: 20px;
    margin-left: 40px;
}

#searchbar input.wide
{
    width: 70%;
    background: white url(../images/Loupe-icon.png) left no-repeat;
    padding-left: 18px;
}

#onglets
{
    list-style-type : none;
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
#onglets li.active
{
    border-bottom: 1px solid #FFF;
    background-color: #FFF;
}
#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #FFF;
}

#separator {
    border:none;
    border-top:1px #9EA0A1 solid;
    height: 1px;
    width: 70%;
    clear: both;
}

#corps
{
    padding : 5px;
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
}

div#bandeau {
    width:100%;
    height:100px;
    margin: auto;
    border: black 1px solid;
    text-align: center;
}

div#left {
    float:left;
    width: 195px;
    height:600px;
    border-left: 1px black solid;
    border-right: 1px black solid;
}

div#right {
    float:right;
    width:195px;
    height:600px;
    margin-right: -2px;
    border-left: 1px black solid;
    border-right: 1px black solid;
}

div.side_block {
    height: 200px;
    border-bottom: 1px solid black;
    padding: 5px;
    overflow: hidden;
}

div.side_block a {
    text-decoration: none;
    color: black;
}

div.side_block a:hover {
    color: #222222;
}

div#center {
    float:left;
    width:598px;
    height:600px;
    margin: 0px;
}

div#center #premiere {
    height: 350px;
    border-bottom: 1px solid black;
    padding: 10px;
    overflow: hidden;
}

div#center a {
    text-decoration: none;
    color: black;
}

div#center a:hover {
    color: #222222;
}

#seconde {
    height: 250px;
}

.middle_block {
    padding: 10px;
    height: 210px;
    width: 278px;
    float: left;
    overflow: hidden;
}

h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}

div#pied_page
{
    clear:both;
    width:100%;
    height:50px;
    border: black 1px solid;
    text-align: center;
}

#bas
{
    width: 90%;
    margin: auto;
    text-align: center;
}

#new_article {
    margin: auto;
    width: 95%;
}

#new_article #titre {
    width: 100%;
    font: 1.2em Batang, arial, serif;
}

#new_article textarea {
    width: 100%;
    height: 400px;
    font: 1.2em Batang, arial, serif;
}

#new_article input[type="submit"] {
    font-weight: bold;
}

#main {
}

.viewer {
    background: white;
    border: 1px solid black;
    width: 80%;
    padding: 5px;
    font: 1.2em "times new roman", times, serif;
}

#info {
    width: 15%;
    float: right;
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 10px;
}

#info h2 {
    text-align: center;
}

#info hr {
    width: 80%;
}

p {
    margin-top: 0;
    padding: 5px;
}

